export function nav() {
    $("#myMenu_switch").on("click", function () {
        if ($("#myMenuBox").hasClass("active")) {
            $("#myMenuBox").removeClass("active");
        } else {
            $("#myMenuBox").addClass("active");
        }
    });

    $("#myMenu .box a").on("click", function (e) {
        let target = e.target;
        let $parent = $(target).parent();
        $parent.addClass("active").siblings("div").removeClass("active");
    });

    $("body").on("click", function (e) {
        let target = e.target;
        let $myMenuBox = $("#myMenuBox");
        if ($(target).attr("id") != "myMenu_switch" && $(target).parents("#myMenu_switch").length == 0) {
            if ($myMenuBox.hasClass("active")) {
                $myMenuBox.removeClass("active");
            }
        }
    });
}